iT邦幫忙

2022 iThome 鐵人賽

DAY 1
2
Modern Web

【每天5分鐘】學前端系列 第 1

Day01【每天5分鐘】學前端 | 前言

  • 分享至 

  • xImage
  •  

本來只是上網爬文,想架設一個自己的 部落格
爬呀爬,不小心跑到了 iT邦幫忙,還註冊了一個帳號
然後還報名了鐵人賽~~~
/images/emoticon/emoticon07.gif /images/emoticon/emoticon07.gif

想到以前查資料 Google 的時光,在這邊學到很多知識
希望自己也能做點什麼,幫助別人。(๑•̀ㅂ•́)و✧

期許在接下來的 30 天當中,每天都能整理出學習筆記
透過寫文章、查資料,複習並擴充自己的知識量。
(•ө•) ♡


本系列文適合

  • 想學前端程式的新手
    完全不會寫程式碼別擔心,因為我的目標是讓 零基礎 的人也能夠輕鬆上手,
    會一步一步手把手的教學。
  • 已經熟練的前輩們
    若內容有誤,還有望各位大大能出面指正,感激不盡~~~

/images/emoticon/emoticon41.gif /images/emoticon/emoticon41.gif


很久沒有寫文章,也沒有寫過一連一個月的系列文。
內容規劃上面,目前只有初步構想,應該是還會再更動 [絕對會~笑ヽ(✿゚▽゚)ノ]。

以下是預計分享的每日主題,將視情況增減或調整順序

暫定目錄

Day01【每天5分鐘】學前端 | 前言
Day02【每天5分鐘】學前端 | 環境介紹 VS Code安裝
Day03【每天5分鐘】學前端 | 環境介紹 Node.js安裝
Day04【每天5分鐘】學前端 | 環境介紹 React安裝
Day05【每天5分鐘】學前端 | HTML 簡介
Day06【每天5分鐘】學前端 | HTML 標籤
Day07【每天5分鐘】學前端 | HTML 表格 table
Day08【每天5分鐘】學前端 | HTML 表單 form
Day09【每天5分鐘】學前端 | CSS 簡介
Day10【每天5分鐘】學前端 | CSS 距離 margin & padding

Day11【每天5分鐘】學前端 | CSS 清單 ol & ul
Day12【每天5分鐘】學前端 | CSS display 屬性
Day13【每天5分鐘】學前端 | JavaScript 簡介
Day14【每天5分鐘】學前端 | JavaScript 字串 string
Day15【每天5分鐘】學前端 | JavaScript 數字 number
Day16【每天5分鐘】學前端 | JavaScript 布林值 boolean
Day17【每天5分鐘】學前端 | JavaScript 比較運算子
Day18【每天5分鐘】學前端 | JavaScript 邏輯運算子 &&
Day19【每天5分鐘】學前端 | JavaScript 邏輯運算子 ||
Day20【每天5分鐘】學前端 | JavaScript 邏輯運算子 !

Day21【每天5分鐘】學前端 | JavaScript 陣列 array
Day22【每天5分鐘】學前端 | JavaScript 物件 object
Day23【每天5分鐘】學前端 | JavaScript 流程控制 if else
Day24【每天5分鐘】學前端 | JavaScript 流程控制 switch case
Day25【每天5分鐘】學前端 | JavaScript 迴圈 for
Day26【每天5分鐘】學前端 | JavaScript 迴圈 while
Day27【每天5分鐘】學前端 | JavaScript 函式 function
Day28【每天5分鐘】學前端 | JavaScript 類別 class
Day29【每天5分鐘】學前端 | console.log 的重要性
Day30【每天5分鐘】學前端 | 切一個簡單的網頁

如果還有其他想寫的內容會放在
Day31【每天5分鐘】學前端 | 結尾
Day32【每天5分鐘】學前端 | ......*%@()$^@?

為什麼開頭是每天5分鐘呢? 因為 唸起來很順口呀
而且唸著唸著,是不是覺得學習變成一件很簡單的事情呢?
/images/emoticon/emoticon37.gif


俗話說:

師父領進門,修行在個人。

我覺得 學習 這件事情, 花多少時間 就會有 多少收穫
也許我分享的內容不夠全面,只是初階入門
但當中出現的很多東西,都是可以自行再去延伸學習、查資料的
若願意補充留言在我的文章下面那更好 (咦,筆者這是什麼懶惰的言論)


套用我主管的一句話:

自學是很重要的一項能力。

每天花5分鐘,輕鬆學一點新的東西也是可以的喔 ^_^
要花多少時間都行,學到就是你的。
共勉之~~~


https://ithelp.ithome.com.tw/upload/images/20220902/20151346gWr1ufOOUp.png 今天的自學指引:

  • 何謂前端、後端、全端?
  • 何謂瀏覽器?
  • 何謂伺服器?

https://ithelp.ithome.com.tw/upload/images/20220902/20151346gWr1ufOOUp.png 今天的思考:

  • 為什麼想學前端?


感謝閱讀,我們明天見囉~~~ /images/emoticon/emoticon29.gif


下一篇
Day02【每天5分鐘】學前端 | 環境介紹 VS Code安裝
系列文
【每天5分鐘】學前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
harry xie
iT邦研究生 1 級 ‧ 2022-09-02 18:50:07

加油~/images/emoticon/emoticon69.gif

Olivia iT邦新手 4 級 ‧ 2022-09-02 22:54:36 檢舉

謝謝~~ /images/emoticon/emoticon37.gif

0
隱士者
iT邦新手 4 級 ‧ 2022-09-02 21:03:21

/images/emoticon/emoticon08.gif

明天見!!!!!!!

Olivia iT邦新手 4 級 ‧ 2022-09-02 22:55:00 檢舉

明天見 ⸜( •ᴗ• )⸝

0
json_liang
iT邦研究生 4 級 ‧ 2022-09-02 21:06:07

明天見

Olivia iT邦新手 4 級 ‧ 2022-09-02 22:55:25 檢舉

明天見 (˶˚ ᗨ ˚˶)

我要留言

立即登入留言